/**
 * 目标：网站-更换背景
 *  1. 选择图片上传，设置body背景
 *  2. 上传成功时，"保存"图片url网址
 *  3. 网页运行后，"获取"url网址使用
 * */


// 1.给input 元素绑定change事件
// 2.获取选中文件
// 2.构建 FormData  创建实例
// 获取地址  给body  添加  backgroud-image  本地存储图片
// 初始化  页面判断传世话页面内是否存储图片地址  
const imgUrl = JSON.parse(localStorage.getItem('url')) || []
document.querySelector('body').style.backgroundImage = `url(${imgUrl})`

console.log(document.head);

document.querySelector('.bg-ipt').addEventListener('change', function ({ target: { files } }) {
    // console.log(files);
    const file = files[0]
    // console.log(file);
    const fd = new FormData()

    fd.append('img', file)
    axios({
        url: 'http://hmajax.itheima.net/api/uploadimg',
        method: 'POST',
        data: fd
    }).then(res => {

        console.log(res.data.data);
        const img = res.data.data.url
        document.querySelector('body').style.backgroundImage = `url(${img})`
        const url = localStorage.setItem('url', JSON.stringify(img))

    }).catch(err => { console.log(err); })

})
